<template>
    <div>
     <mt-swipe class="myswipe" :style="{'height':h}"
          :speed="300"
          :auto="4000"
          :continuous="true"
          :showIndicators="false">
        <mt-swipe-item>
           <img src="/banner/1.jpeg" alt="">
       </mt-swipe-item> 
      
        <mt-swipe-item>
           <img src="/banner/6.jpeg" alt="">
       </mt-swipe-item> 
        <mt-swipe-item>
           <img src="/banner/7.jpeg" alt="">
       </mt-swipe-item> 
       
     </mt-swipe>
     <!-- 食品列表 -->
     <div class="dp"></div>
    </div>
</template>
<script>

export default {
    data(){
        return{
            h:'0px'
        }
    },
    mounted(){
        let picw=1242;
        let pich=698;
        let imgw=window.screen.width;
        let imgh=(pich*imgw)/picw +'px';
        this.h=imgh;
    },
}
</script>

<style scoped>
.myswipe img{width: 100%;}
</style>